/* hotmall/pages/goodShop/goodShop.wxss */

page {
  background-color: #f0efef;
  margin: 0;
  padding: 0;
}
.body{
  /* height: 100%; */
  background: white;
}
view {
  margin: 0;
  padding: 0;
  /* height: 100%; */
}

.nav {
  margin-top: 1rem;
  width: 100%;
  height: 100rpx;
  display: flex;
  flex-direction: row;
  border-top: .3rem solid #EFEFF4;
}

.default {
  line-height: 100rpx;
  text-align: center;
  flex: 1;
  border-right: none;
  color: #5d5d5d;
  font-size: 28rpx;
}

.red {
  line-height: 100rpx;
  text-align: center;
  color: #E62156;
  flex: 1;
  border-right: none;
  border-bottom: 4rpx solid #E62156;
  font-size: 28rpx;
}

.show {
  display: block;
  text-align: center;
  line-height: 200rpx;
}

.hidden {
  display: none;
  text-align: center;
  line-height: 200px;
}

head {
  /* display: flex; */
  margin-bottom: 1rem;
}

.headimg {
  width: 100rpx;
  height: 100rpx;
  float: left;
  margin: .3rem 1rem .3rem .3rem;
}

.headtext {
  width: fit-content;
  float: left;
  margin-top: 30rpx;
  /* position: absolute;
  top: 25rpx;
  left: 170rpx; */
}

.headtitle {
  font-size: 0.8rem;
}

.Sold {
  font-size: 0.6rem;
  color: #cdcdcd;
}

.Sold text:nth-child(1) {
	margin-right: 30rpx;
}

.headimg image {
  width: 100%;
  height: 100%;
}

.commodity {
  /* border: 1rpx solid #cdcdcd; */
  width: 45%;
  padding: 30rpx 15rpx;
  text-align: center;
  margin-bottom: 20rpx;
  height: 450rpx;
  /* overflow: hidden; */
}

.commodity image {
  width: 100%;
  height: 100%;
}

.commoditytitle {
  height: 100rpx;
}
.commoditytitle text{
  font-size: 30rpx;
}
.comoney{
  /* color: red; */
  /* position: relative;
  top: 15px;
  right: 20px; */
  line-height: 0;
  font-size:30rpx;
  color:#b4282d;

}
.coimg{
  height: 70%;
}
.cotext{
  height: 30%;
  display: block;
  position: relative;
  bottom: 20px;
}
.cotitle{
  margin: 40rpx 0 30rpx; 
  line-height: 45rpx;
  font-size:24rpx;
  /* position: relative;
  bottom: 20px;
  left: 50px; */
}
.bodyshop{
  display: flex;
  flex-direction:  row-reverse;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30rpx;
  /* margin-left: -1%; */
}

.swiper-tab {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    border-bottom: 2rpx solid #FFCFDF;
    text-align: center;
    height: 88rpx;
    background-color: whitesmoke;
    line-height: 88rpx;
}
.swiper-tab-item {
  width: 30%;
  color: #434343;
  font-size: 30rpx;
}
.active-tab {
  color: #E62156;
  border-bottom: 3rpx solid #E62156;
}
swiper {
  background-color: #F5F5F5;
  /* height: fit-content; */
  display:block;
  height: 100%;
}
.nodataimg{
  width: 125rpx;
  height: 100rpx;
}
.nodatatext{
  line-height: 2;
}
.nodata{
  position: absolute;
  top: 30%;
  left:300rpx;
}
.collection{
  height: 1rem;
  border-radius: 25rpx;
  line-height: 1.5;
  font-size:.6rem;
  float: right;
  margin-top: 1rem;
  margin-right: 1rem;
}
.is_coll{
  width: 80rpx;
   border: 1px solid #b4282d;
  color: #b4282d;
  padding: 0;
}
.not_coll{
  width: 130rpx;
    border: 1px solid #cdcdcd;
  color: #cdcdcd;
}
.name{
  font-size: 1rem;
}